<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>凑单品</title>
    <!--第三方的css-->
    <link rel="stylesheet" href="../lib/bootstrap/css/bootstrap.css">
    <!--自己的less样式-->
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/gsproduct.css">
</head>
<body>
    <!-- 顶部 -->
    <header id="header">
        <h5>凑单品</h5>
    </header>
    <section>
        <div class="list">
            <div class="filter">
                <ul>
                    <li class="filter-shop">
                        <span></span>
                        <i class="glyphicon glyphicon-triangle-top"></i>
                        <ul id="gsShop">

                        </ul>
                    </li>
                    <li class="filter-gsArea">
                        <span></span>
                        <i class="glyphicon glyphicon-triangle-bottom"></i>
                        <ul id="gsArea">

                        </ul>
                    </li>
                    <li>
                        价钱
                        <i class="glyphicon glyphicon-triangle-bottom"></i>
                    </li>
                </ul>
            </div>
            <div class="search">
                <i class="glyphicon glyphicon-th-list"></i>
            </div>
        </div>
    </section>

    <section id="gs-pro">
        <ul>
            <li>
                <a href="javascript:;">
                    <div class="pic">
                        <img src="../images/5461b6e1N70e46439.jpg" alt="">
                    </div>
                    <div class="title">
                        廿一客(21cake)专用餐具 1人份(不单独配送)
                    </div>
                    <div class="other clearfix">
                        <span class="price">¥0.50</span>
                        <span class="btn">去凑单</span>
                    </div>
                </a>
            </li>           
        </ul>
    </section>
</body>

<!-- 数据空的，还不能渲染 -->
<script type="text/html" id="">

</script>

</html>
<script src="../lib/jquery/jquery.js"></script>
<script src="../lib/bootstrap/js/bootstrap.js"></script>
<script src="../js/template.js"></script>
<script src="../js/common.js"></script>
<!-- 自己的js -->
<script src="../js/gsproduct.js"></script>